<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1.0, maximum-scale=1.0, user-scalable=no,minimum-scale=1.0" />
		<link href="../static/css/common.css" rel="stylesheet" />
		<link href="../static/css/applied.css" rel="stylesheet" />
		<script src="../static/js/jquery-2.1.0.js"></script>
		<script src="../static/js/mobiscroll_002.js" type="text/javascript"></script>
		<script src="../static/js/mobiscroll_004.js" type="text/javascript"></script>
		<link href="../static/css/mobiscroll_002.css" rel="stylesheet" type="text/css">
		<link href="../static/css/mobiscroll.css" rel="stylesheet" type="text/css">
		<script src="../static/js/mobiscroll.js" type="text/javascript"></script>
		<script src="../static/js/mobiscroll_003.js" type="text/javascript"></script>
		<script src="../static/js/mobiscroll_005.js" type="text/javascript"></script>
		<link href="../static/css/mobiscroll_003.css" rel="stylesheet" type="text/css">
		<script src="../static/js/applied.js"></script>
		<title>请假申请</title>
	</head>
	<body>
		<div class="afl-body">
			<!--<img src="../static/img/bg1.png" class="bg" style="position: fixed" />-->
			<span class="afl-title tit-chi">请假申请</span>
			<span class="afl-title tit-sm">请填写正确的信息获得快速批假</span>
			<div class="app-form">
			<form action="" method="post">
				<div class="app-infor1">
					<span>姓名</span>
					<input class="und-line stuName" id="stuName" type="text" required/>
				</div>
				<div class="app-infor1">
					<span>学号</label>
					<input class="und-line stuId" id="stuId" type="number" required/>
				</div>	
				<div class="app-infor1">
					<span>学生电话</span>
					<input class="und-line" id="stuTel" type="number" required/>
				</div>	
				<div class="app-infor1">
					<span>家长电话</span>
					<input class="und-line" id="parTel" type="number" required/>
				</div>	
				<div class="app-infor1">
					<span>开始日期</span>
					<input class="und-line appDateTime" readonly="readonly" id="start-time" type="text" required/>
				</div>
				<div class="app-infor1">
					<span>结束日期</span>
					<input class="und-line appDateTime" readonly="readonly" id="end-time" type="text" required/>
				</div>
				<div class="app-infor1">
					<span>地点</span>
					<input class="und-line" id="goWhere" type="text" required/>
				</div>
				<div class="app-infor1">
					<span >原因</span>
					<input class="und-line app-reason" id="app-reason" type="text" required/>
				</div>
				<input class="afl-title afl-btn btn-sub" type="submit"/>
				<p id="alert"></p>
			</form>
			</div>
			<div class="back" style="position: fixed;top: 15%;right: 0%;border: solid 1px #000;background: #ff9b31;"><span style="margin-top: 20%;color: #000;top: 10%;padding: 10px;">后退</span></div>
			<script>
				$('.back').on('tap click',function () {
					window.history.go(-1);
                })
			</script>
		</div>

	</body>
</html>
